<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Backbone Test Page</title>
<script type="text/javascript" src="./js/lib/jquery/1.8.3/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="./js/lib/underscore/underscore.js"></script>
<script type="text/javascript" src="./js/lib/backbone/1.0.0/backbone.js"></script>

<script type="text/javascript">

/**************** 事件委托**************************/
$(function() {
	var V = Backbone.View.extend({
		el: $(".div1"),
		events: {
			'click input': 'aaa',
			'mouseover .li3': 'bbb'
		},
		aaa: function() {
			console.log("click input");
		},
		bbb: function() {
			console.log("mouseover li");
		}
	});
	var v = new V;
});

</script>
</head>
<body>

<div class="div1">
	<input type="button" value="1">
	<ul>
		<li>111</li>
		<li>111</li>
		<li class="li3">111</li>
		<li>111</li>
	</ul>
</div>

<div class="div2">
	<input type="button" value="2">
	<ul>
		<li>222</li>
		<li>222</li>
		<li>222</li>
		<li>222</li>
	</ul>
</div>


</body>
</html>